<template>
    <dl class="song-item">
        <dt>
            <img :src="pic" alt="">
        </dt>
        <dd>
            <h5>{{$attrs.name}}</h5>
            <div>
                <span>{{$attrs.artist}}</span>
                <span>播放量:{{$attrs.playcnt}}</span>
            </div>
        </dd>
    </dl>
</template>

<script>
export default {
    name:'song-item',
    props:{
        pic:{
            type:String,
            default:''
        }
    },
    mounted(){
        console.log(this.$attrs)
    }
}
</script>

<style lang="scss">
    .song-item{
        width:100%;
        display: flex;
        dt{
            width: 80px;
            height: 70px;
            margin-right:10px;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
</style>